草庐IT

CSS 实现音频loding动画

全部标签

javascript - 如何从 JavaScript 设置和触发 css 转换

我是html5、css和javascript的新手,大部分时间我只是在玩。我想要做的是设置并触发一个div的转换。页面加载后,我设法通过设置过渡来做到这一点。但这感觉不是很有活力,而且似乎不是正确的方法。我感谢任何帮助body{text-align:center;}#dialPointer{position:relative;margin-left:auto;margin-right:auto;width:23px;height:281px;background:url(pointer.png);background-size:100%100%;background-repeat:no

javascript - 在 Knockout 中连接 CSS 名称

我想知道如何为我的KnockoutViewModel中的元素应用使用$data连接的css类名。目标当用户单击“赞美”按钮(我的ViewModel数组中的一个元素)时,我想将css类“feedbackItemIconPraise”应用到LI。如果用户点击“批评”,我想应用类“feedbackItemIconPraise”。我假设使用$data在data-bind属性中连接一个css类是可行的方法,但可能是错误的。代码我的ViewModel的相关部分:varFeedbackViewModel=function(){varself=this;self.feedbackItemTypes=[

javascript - 通过声音振幅动画对象?

我知道可以通过Actionscript为对象设置声音动画。我真的希望也可以使用JavaScript为对象设置动画,因为它们非常相似。或许可以使用jQuery或HTML5来完成。我只是希望找到一种在Flash之外实现它的方法。有人知道这些格式中的任何一种是否可行吗?我做了很多研究,但似乎找不到任何形式或教程表明它可能或不可行。p>基本上,我正在尝试实现与我在Actionscript中编码相同的效果,但我希望使用另一种语言对其进行编码,这样也无法看到FlashView。这是Flash示例:http://beaubird.com/presentation.php这是一个使用ActionScr

javascript - 以编程方式测试特定的 css 属性兼容性(调整文本区域的大小支持)

我正在跨浏览器网站上实现一个可调整大小的文本区域。现在在FF/Chrome/Safari中,以下内容:textarea{resize:both;}像魅力一样工作。一点点嗅探让我来到这里:http://www.w3schools.com/cssref/css3_pr_resize.asp我在哪里得知Opera和IE不支持这个属性。没什么大不了的,下面的javascript可以负责检测,其中包含对resizable()的jqueryUI调用以实现功能:if((navigator.userAgent.indexOf('Trident')!=-1)||(navigator.userAgent.

javascript - 如何使用 D3.js 实现 R 核密度估计图?

这是我的R代码:x我正在尝试使用D3.js或任何其他等效的JavaScript库实现相同的结果..有人可以帮忙吗? 最佳答案 你见过kerneldensityestimation吗?例子?不可否认,它使用的是Epanechnikov内核而不是Gaussian,但是那部分可以修改。 关于javascript-如何使用D3.js实现R核密度估计图?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/ques

javascript - 检查 css 背景大小支持的方法

我正在开发一个主要使用background-size:cover属性作为背景的网站。但是我想支持IE7/8,我知道我可以使用IE条件注释,但检查属性支持会更有用,因为它可以支持其他旧浏览器,而不是仅支持IE。我有背景问题的解决方案,但我需要知道何时使用js添加它,具体取决于是否支持background-size属性。我的问题是,在旧浏览器中检查cssbackground-size属性的最佳方法是什么?我看到了一些相关的问题,但它们都需要使用Modernizer,我宁愿不使用额外的库,除非它是唯一的选择。谢谢。 最佳答案 if('ba

javascript - 是否可以在 Javascript 的 css3 转换期间获取 objective-c ss 属性值?

我有两个div绝对定位并且我将它们相对定位。当一个的width发生变化时,我会重新计算并设置位置。当我在“width”属性上使用css3transition时,当我尝试获取动画的“width”时,它会为我提供dom上的当前值。但我想获得过渡的目标值,以便在过渡效果开始时正确设置位置。是否可以通过javascript或其他方式获取目标值?编辑下面是一个jsfiddle演示我的问题。它提醒“100px”,但我需要获得“300px”。http://jsfiddle.net/Mdbgs/谢谢。 最佳答案 那是因为.css('width')正

javascript - stack overflow是如何实现页面持续更新的呢?

这个问题在这里已经有了答案:Howtoshowcontinuousrealtimeupdateslikefacebookticker,meetup.comhomepagedoes?(4个答案)关闭8年前。太棒了——你打开stackoveflow问题,页面就在你眼前自行修改!“啊,这很明显”,我想。他们只是不断向服务器发送AJAX请求以检查是否发生了变化。没有!我打开了Firefox的Firebug插件并查看了网络面板。几分钟内没有发送任何AJAX请求。正如您可能经历过的那样,该页面的更新频率远高于每分钟一次!您知道这是如何实现的吗?

javascript - Bootstrap 3 Carousel 上的动画高度变化

在研究“如何在Bootstrap3Carousel上设置高度变化动画”这个问题时,我发现了thisanswer,但是它对我的Bootstrap轮播没有任何影响。我还不能发表评论并在那里要求澄清,因此是一个新问题。建议的解决方案是functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.active.item').parent().

javascript - EcmaScript 规范是否对用于实现运行时的进程模型施加了任何限制?

EcmaScript规范是否对用于实现运行时的进程模型施加了任何限制?例如,事件循环是否需要位于与管理与操作系统IO子系统的运行时通信的线程不同的线程上? 最佳答案 不,它没有具体说明这些。运行时通信和IO甚至不是语言的一部分,它们作为依赖于实现的奇异对象出现。ECMAScript规范甚至没有使用术语“事件循环”,尽管它确实定义了JobsandJobQueues哪个工作相似。然而,没有理由用多线程实现那些,毕竟,只有JS总是顺序运行。相比之下,HTML5规范确实定义了eventloops甚至是processmodel,但对多线程也没